    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title></title>
        <!-- 可以将js代码编写到外部的js文件中，然后通过script标签中引入
            写到外部文件中可以在不同的页面中同时引入,也可以利用浏览器的缓存机制
            推荐使用的方法
            -->
            <!-- script 标签一旦引入外部文件，就不能再编写代码了，即使编写了浏览器也会忽略
            如果需要则可再创建一个新的script标签用于编写内部代码 
            -->
            <script type="text/javascript" src="js/script"></script>
            <script type="text/javascript">
                alert("我是内部的JS代码");
            </script>
                
        <!-- 
           可以将代码编写到script标签中
        <script type="text/javascript">
            alert("我是script标签中的代码")

        </script> -->
    </head>
    <body>
        <!-- 可以将js代码编写到标签的onclick属性中
             当我们点击按钮时,js代码才会执行
             虽然可以写在标签的属性中，但是他们属于与行为耦合，不方便维护，不推荐使用 
        -->
        <button onclick="alert('讨厌点我干什么')">点我一下</button>
        <!-- 可以将js代码写在超链接的href属性中，这样点击超链接时，会执行js代码 -->
        <a href="javascript:alert('让你点让你点');">你也点我一下2</a>
        <a href="javascript:;">你也点我一下2</a>
    </body>
    </html>